.Jy_group_barg_page {
	min-height: calc(100vh);
	max-height: calc(100%);
	transition: all .2s ease-in; 
	.Jy_group_barg_box {
		display: flex;
		position: sticky;
		top: 0;
		z-index: 3;
		align-items: center;
		width: 100vw;
		.left-back-box {
			display: flex;
			align-items: center;
			justify-content: center;
			margin-left: 20rpx;
			margin-right: calc((100vw - 40rpx - 360rpx - 104rpx) / 2);
		}
		.tabs_group {
			display: flex;
			width: 360rpx;
			.tabs_box {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: 180rpx;
				height: 80rpx;
				.tabs_text_box {
					color: #fff;
					font-size: 34rpx;
				}
				.line {
					display: none;
					height: 6rpx;
					width: 60rpx;
				}
			}
			
			.tabs_box1 {
				display: flex;
				flex-direction: column;
				justify-content: center;
				align-items: center;
				width: 180rpx;
				height: 80rpx;
				.tabs_text_box {
					color: #fff;
					font-size: 34rpx;
					margin-bottom: 4rpx;
				}
				
				.line {
					border-radius: 5rpx;
					height: 6rpx;
					width: 60rpx;
				}
			}
		}
	}
	
	.Jy_content_main_group {
		.Jy_content_main_boxs {
			padding-bottom: 60rpx;
			.active_group_bg_image {
				display: flex;
				margin: 20rpx;
				width: calc(100vw - 20rpx * 2);
				image {
					width: 100%;
				}
			}
			
			.active_kj_bg_image {
				display: flex;
				width: calc(100vw);
				image {
					width: 100%;
				}
			}
			
			.active1_cy_group {
				color: #fff;
				font-size: 26rpx;
				display: flex;
				height: 70rpx;
				align-items: center;
				margin-bottom: 20rpx;
				justify-content: center;
				.active1_cy_box {
					display: flex;
					.auathr_image_box {
						
					}
					
					.number_box {
						display: flex;
						align-items: center;
						justify-content: center;
						background-color: #fff;
						color: $tx-main-color;
						font-size: 26rpx;
						height: 50rpx;
						width: 150rpx;
						border-radius: 6rpx;
					}
				}
			}
			
			.active2_cy_group {
				display: flex;
				justify-content: center;
				height: 70rpx;
				align-items: center;
				margin-bottom: 30rpx;
				color: #fff;
				font-size: 26rpx;
				
				.number {
					margin: 0 10rpx;
					font-size: 38rpx;
				}
			}
			
			.Jy_content_main_shop_list {
				margin: 10rpx 20rpx 20rpx;
				background-color: #fff;
				border-radius: 10rpx;
				overflow: hidden;
				padding: 10rpx;
				
				.Jy_content_main_shop_container {
					display: flex;
					.left-image-box {
						width: 240rpx;
						height: 240rpx;
						border-radius: 10rpx;
						overflow: hidden;
						display: flex;
						image {
							width: 100%;
							height: 100%;
						}
					}
					
					.right_content_group {
						flex: 1;
						display: grid;
						height: 240rpx;
						margin-left: 20rpx;
						// 商品名称
						.shop_name_box {
							
						}
						
						.shop_down-time-box {
							display: flex;
							align-items: center;
							.old_price-box {
								font-size: 28rpx;
								text-decoration: line-through;
							}
							
							.down-time-box {
								display: flex;
								.time {
								    @include flex;
								    align-items: center;
								 
								    &__custom {
								         width: 20px;
								         height: 20px;
								         background-color: $tx-main-color;
								         border-radius: 4px;
								         /* #ifndef APP-NVUE */
								         display: flex;
								         /* #endif */
								         justify-content: center;
								         align-items: center;
								    
								        &__item {
								             color: #fff;
								             font-size: 12px;
								             text-align: center;
								         }
								    }
								    
								    &__doc {
								         color: $tx-main-color;
								         padding: 0px 4px;
								     }
								    
								    &__item {
								         color: #606266;
								         font-size: 24rpx;
								         margin-right: 6rpx;
								     }
								}
								
								.after-text {
									display: flex;
									align-items: center;
									margin-left: 10rpx;
									font-size: 24rpx;
									color: $tx-nav-color-orange;
									font-weight: bold;
								}
							}
						}
						
						.bar-button-group {
							display: flex;
							align-items: center;
							justify-content: space-between;
							.news-price-box {
								display: flex;
								align-items: center;
								.kj-price-prefix {
									color: #fff;
									background-color: $tx-nav-color-orange;
									font-size: 20rpx;
									padding: 4rpx 20rpx;
									border-radius: 80rpx;
									margin-right: 10rpx;
								}
								
								.new-price {
									display: flex;
									align-items: center;
									font-weight: bold;
									color: $tx-nav-color-orange;
									.symbal {
										font-size: 24rpx;
									}
									
									.size {
										font-size: 34rpx;
									}
								}
							}
							
							.button-group {
								.group-button-group {
									display: flex;
									height: 56rpx;
									justify-content: center;
									align-items: center;
									overflow: hidden;
									background-color: $tx-main-color;
									border-radius: 40rpx;
									.number-box {
										display: flex;
										height: 56rpx;
										justify-content: center;
										align-items: center;
										font-size: 28rpx;
										color: $tx-nav-color-orange;
										background-color: #ffede4;
										width: 120rpx;
									}
									
									.go-group-button {
										display: flex;
										justify-content: center;
										align-items: center;
										height: 50rpx;
										width: 140rpx;
									}
								}
								
								.kj-button-group {
									.kj-button-box {
										display: flex;
										justify-content: center;
										align-items: center;
										height: 56rpx;
										width: 160rpx;
										font-size: 26rpx;
										color: #fff;
										border-radius: 40rpx;
										background: linear-gradient(to right, $tx-main-color, $tx-nav-color-orange);
									}
								}
							}
						}
					}
				}
			}
			
			.not_moore_active_box {
				display: flex;
				justify-content: center;
				align-items: center;
				font-size: 26rpx;
				color: #fff;
			}
		}
	}
}